﻿@using KMF.Common
@using KMF.WebUI.Areas.KMFadmin.CustomHelpers
@using KMF.WebUI.Areas.KMFadmin.Models
@model GiftDto
@{
    ViewBag.Title = "Chỉnh sửa thông tin chiến dịch quà tặng";
    Layout = "~/Areas/KMFadmin/Views/Shared/_layout.cshtml";
}
<link href="~/Areas/KMFadmin/Content/css/browerImage.css" rel="stylesheet" />
<link href="~/Areas/KMFadmin/Scripts/jQueryDatePicker/css/ui-lightness/jquery-ui-1.10.1.custom.min.css" rel="stylesheet" />
<link href="~/Areas/KMFadmin/Scripts/jQueryDatePicker/js/jquery-ui-timepicker-addon.css" rel="stylesheet" />

<nav>
    <div id="jCrumbs" class="breadCrumb module">
        <ul>
            <li><a href="@Url.Action("Index","AdminHome")"><i class="bootstrap icon-home"></i></a></li>
            <li><a href="javascript:void(0);">Chỉnh sửa chiến dịch quà tặng</a> </li>
        </ul>
    </div>
</nav>
<!-- END navigation -->

<div class="toolBox">
    @Html.ToolBox(new List<object> { new Edit  { ClassCss = "Edit", ActionName = "Javascript:void(0)" }, 
                                     new Back { ClassCss = "Back", ActionName = @Url.Action("GiftList", "AdminGift") } })
</div>
<!-- END toolBox -->

@using (Html.BeginForm("EditGift", "AdminGift", FormMethod.Post))
{
    @Html.HiddenFor(m => m.GiftId)
    @Html.HiddenFor(m => m.CreatedDate)

    <div class="box-Info">
        <div class="Info-header">
            <span>Thêm mới chiến dịch quà tặng</span>
        </div>

        <div class="Info-body ib-infopro">
            <div>@Html.ValidationMessage("ErrorSummary")</div>
            <table cellpadding="0" cellspacing="0" width="100%" border="0" class="table-info">
                <tr>
                    <td class="tInfoLeft">Tên chiến dịch quà tặng
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.Name)
                        @Html.ValidationMessageFor(m => m.Name)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Mã sản phẩm làm quà tặng
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBox("GiftProductIdList", (string)ViewBag.GiftProductIdList,  new { @class = "cssInputWidthSmall" }) VD: 1111 hoặc 1111,2222,3333
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Mô tả
                    </td>
                    <td class="tInfoRight">
                        @Html.TextAreaFor(m => m.Description)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Quà tặng được áp dụng tới
                    </td>
                    <td class="tInfoRight">
                        @Html.DropDownListFor(m => m.GiftTypeId, new SelectList((List<GiftTypeDto>)ViewBag.GiftTypeList, "Id", "Name"))
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Ngày bắt đầu
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.StartDate, new { @class = "cssInputWidthSmall" })
                        @Html.ValidationMessageFor(m => m.StartDate)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Ngày kết thúc
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.EndDate, new { @class = "cssInputWidthSmall" })
                        @Html.ValidationMessageFor(m => m.EndDate)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Yêu cầu mã giảm giá hay không
                    </td>
                    <td class="tInfoRight">
                        @Html.CheckBoxFor(m => m.RequiresCouponCode)
                    </td>
                </tr>
                <tr class="hidden">
                    <td class="tInfoLeft">Mã giảm giá
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.CouponCode)
                        @Html.ValidationMessageFor(m => m.CouponCode)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Giới hạn số lượng chiết khấu
                    </td>
                    <td class="tInfoRight">
                        @Html.DropDownListFor(m => m.GiftLimitationId, new SelectList((List<GiftLimitationDto>)ViewBag.GiftLimitationList, "Id", "name"))
                    </td>
                </tr>
                <tr class="hidden">
                    <td class="tInfoLeft">Số lượng giới hạn chiết khấu
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.LimitationTimes)
                        @Html.ValidationMessageFor(m => m.LimitationTimes)
                    </td>
                </tr>
            </table>

        </div>
    </div>
}

@section scripts
{
    @Scripts.Render("~/bundles/KMFAdmin/jqueryval")
    <script src="@Url.Content("~/Areas/KMFadmin/Scripts/jQueryDatePicker/js/jquery-ui-1.10.1.custom.min.js")"></script>
    <script src="@Url.Content("~/Areas/KMFadmin/Scripts/jQueryDatePicker/js/jquery-ui-timepicker-addon.js")"></script>
    <script>
        // button submit
        $('ul li.Edit a').click(function () {
            $('form').submit();
        });

        // ------------- Date picker -------
        $('#StartDate').datetimepicker({ dateFormat: 'dd/mm/yy', timeFormat: "hh:mm:ss tt" });
        $('#EndDate').datetimepicker({ dateFormat: 'dd/mm/yy', timeFormat: "hh:mm:ss tt" });
        
        // ------------- Click chọn sử dụng mã giảm giá, show ra ô nhập mã giảm giá -----------------
        if ($('#RequiresCouponCode').is(':checked')) {
            $('#CouponCode').parent().parent().show();
        }
        else {
            $('#CouponCode').parent().parent().hide();
        }

        $('#RequiresCouponCode').click(function () {
            var isChecked = $(this).is(':checked');
            if (isChecked) {
                $('#CouponCode').parent().parent().fadeIn();
            }
            else {
                $('#CouponCode').parent().parent().fadeOut();
            }
        });

        // ------------- Show ra ô nhập số lần giới hạn chiết khấu, khi GiftLimitation không còn là vô hạn -------------------
        var giftLimitation = $('#GiftLimitationId').val();
        if (giftLimitation == '0') {
            $('#LimitationTimes').parent().parent().hide();
        }
        else {
            $('#LimitationTimes').parent().parent().show();
        }

        $('#GiftLimitationId').change(function() {
            var val = $(this).val();
            if(val == '0') {
                $('#LimitationTimes').parent().parent().fadeOut();
            }
            else {
                $('#LimitationTimes').parent().parent().fadeIn();
            }
        });
    </script>
    
}
